<template>
	<view class="page-container">
		
		<view class="table-view-group">
			<view class="table-cell-block" @click="jumpApply" data-way="bank">
				<view class="table-cell-block__hd">银行卡提现</view>
				<view class="table-cell-block__fd">
					<text class="iconfont">&#xe67f;</text>
				</view>
			</view>
			<view class="table-cell-block" @click="jumpApply" data-way="alipay">
				<view class="table-cell-block__hd">支付宝提现</view>
				<view class="table-cell-block__fd">
					<text class="iconfont">&#xe67f;</text>
				</view>
			</view>
			<view class="table-cell-block" @click="jumpApply" data-way="weixin">
				<view class="table-cell-block__hd">微信提现</view>
				<view class="table-cell-block__fd">
					<text class="iconfont">&#xe67f;</text>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			
			// 提现申请
			jumpApply(e){
				let way = e.currentTarget.dataset.way;
				uni.navigateTo({
					url: `./apply?way=${way}`
				})
			}
			
		}
	}
</script>

<style lang="scss">

	.table-view-group{
		margin-bottom: 20rpx;
		background-color: $uni-bg-color;
	}
	.table-cell-block{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx 24rpx;
		position: relative;
		&:after{
			content: "";
			position: absolute;
			right: 0;
			left: 0;
			bottom: 0;
			height: 1px;
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
			background-color: $uni-border-color;
		}
		&:last-child:after{
			display: none;
		}
		&__hd{
			flex: 0 0 auto;
			width: 180rpx;
			font-size: $uni-font-size-base;
		}
		&__fd{
			flex: 0 0 auto;
			.iconfont{
				vertical-align: middle;
				margin-top: -8rpx;
			}
		}
	}

</style>
